<html>

<head>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>


<body>
    <style type="text/css">
        td {
            height: 50px;
            width: 50px;
        }
    </style>
    <table border="1">
    </table>
    <p>结果是：
        <lable id="result"></lable>
    </p>
    <button>开始</button>
    <script type="text/javascript">
       
        window.onload=function(){
        var number=0;
        var winIs=false;
        var result=[[0,0,0],[0,0,0],[0,0,0]];
        for(var i=0;i<3;i++){
            var tr=$("<tr></tr>");
            for(var j=0;j<3;j++){
                $("<td></td>").appendTo(tr);
            }
            $(tr).appendTo("table");
        }
        $("table").find("tr").each(function(trn, tr){
            $(tr).find("td").each(function(tdn, td){
                $(td).click(function(){
                    if(winIs){
                        return;
                    }
                    if(result[trn][tdn]!=0){
                        return;
                    }
                    number++;
                    if(number%2!=0){
                         $(td).text("1");
                         result[trn][tdn]=1;
                    }else{
                         $(td).text("2");
                         result[trn][tdn]=2;
                    }
                    win(result[trn][0],result[trn][1],result[trn][2]);
                    win(result[0][0],result[1][1],result[2][2]);
                    win(result[2][0],result[1][1],result[0][2]);
                    win(result[0][tdn],result[1][tdn],result[2][tdn]); 
                    if(number==9&&winIs==false){
                        $("#result").text("平局"); 
                    }
                });
            });
        });

    $("button").click(function(){
        number=0;
        winIs=false;
        result=[[0,0,0],[0,0,0],[0,0,0]];
        $("td").text("");
    });
    function win(a,b,c){
        if(a==b&&b==c&&c==1){
        $("#result").text("甲方赢");
        winIs=true;
        }
        if(a==b&&b==c&&c==2){
            $("#result").text("乙方赢");
            winIs=true;
        }
    }
 }
</script>

</body>

</html>